<template>
    <div id="app">
        <el-dialog
            title="提示"
            :visible.sync="dialogVisible"
            width="50%"
            v-dialogDrag
        >
            <span>这是一段信息</span>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogVisible = false"
                    >确 定</el-button
                >
            </span>
        </el-dialog>
    </div>
</template>

<script>

export default {
    name: "App",
    data() {
        return {
            dialogVisible:true
        };
    },
};
</script>

<style>
@media screen and (max-width: 900px) {
    .el-dialog {
        width: 100% !important;
    }
}
</style>

